import React from 'react'


// 函数组件的创建和渲染
/*
    基础约定：
    组件名称首字母最好大写
    函数组件必须有返回值
*/
// 创建
function Hello() {
    return <div>hello</div>
}

// 类组件创建和渲染
/*
    基础约定：
    类名最好以大写字母开始，后面每个单词作驼峰式
    需要继承React.Component父类
    必须提供render方法，render方法要有返回值
*/
class HelloComponent extends React.Component {
    render() {                                     // 需要提供render函数
        return <div>hello class component</div>
    }
}



export default function Test2_component() {
  return (
    <>
        {/* 渲染函数式组件 */}
        <Hello />
        {/* 渲染类组件 */}
        <HelloComponent />
    </>
  )
}
